/*这是为了处理路径而导入的模块 ( require 是 CommonJS 模块化提供的支持 )*/
const path = require("path"); 

const HtmlWebpackPlugin = require('html-webpack-plugin');

let htmlPluginConfig = {
    template : './src/index.html' , /* 指定模板文件 */
    filename : 'index.html' /* 指定预览页面文件名称 */
}

// 创建插件实例
let htmlPlugin = new HtmlWebpackPlugin( htmlPluginConfig );

// 注意这里是 node.js 中使用的 CommonJS 模块化支持
module.exports = {
	mode : 'development' ,
    /* 用 entry 来设置入口文件 */
    entry: path.join(__dirname,"./src/source.js"),
    /* 用 output 来设置出口文件 */
    output:{
        path:path.join(__dirname,"./dist"), /* 设置路径 */
        filename:"target.js" /*设置文件名*/
    },
    /* 配置插件 */
    plugins : [ htmlPlugin ] 
}